Estoy trabajando en un pequeño proyecto usando Vue.js 3 y Laravel , tengo un problema en la consola de mi navegador, no sé por qué:

Este es mi código:

 <form action="{{ route("newPost") }}" method="post" id="new-post"> @csrf <div class="card-body"> <div class="form-group"> <label for="exampleInputEmail1">Title</label> <input type="text" name="post_title" class="form-control" placeholder="Post title"> </div> <div class="form-group"> <label>Content</label> <quill-editor v-model="test" /> </div> </div> <!-- /.card-body --> <div class="card-footer"> <button type="submit" class="btn btn-primary">Submit</button> </div> </form>

Esta es mi parte JS:

 @push("scripts") <script> export default { setup() { test: '' } } </script> @endpush

El mensaje de error contiene:

 [Vue warn]: Property "test" was accessed during render but is not defined on instance. at <App>

Segundo

 Uncaught SyntaxError: export declarations may only appear at top level of a module